<template>
  <div class="lilith-login">
    <div class="form-item">
      <label>手机号：</label>
      <input type="number" name="phone" v-model="phone" />
    </div>
    <div class="form-item">
      <label>验证码：</label>
      <input type="number" name="code" v-model="code" />
    </div>
    <div class="form-item">
      <div>提交</div>
    </div>
  </div>
</template>
 
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.lilith-login {}
.form-item {
  display: flex; align-items: center;
}
</style>

<script>
import WebRequest from '../../unit/request.js'
import { ref } from 'vue';

export default {
  name: 'LilithLogin',
  components:{  },
  props: {
    // 是否显示“涂抹”按钮
    Doodle: {
      type: Boolean,
      default: false
    },
  },
  data () {
    return {
      phone: '',
      code: ''
    }
  },
  mounted() {
  },
  methods: {
    sendSmsCode () {

    },
  }
}
</script>

